import { onMounted, onBeforeUnmount, reactive } from "vue"

export default function () {
    //实现鼠标打点的数据
    let point = reactive({
        x: 0,
        y: 0,
    });

    //实现鼠标打点的方法
    function savePoint(e) {
        console.log(e.pageX, e.pageY);
        point.x = e.pageX;
        point.y = e.pageY;
    }

    //实现鼠标打点的生命周期钩子
    onMounted(() => {
        window.addEventListener("click", savePoint);
    });
    onBeforeUnmount(() => {
        window.removeEventListener("click", savePoint);
    });

    return point;
}